<template>
	<view>
		<view class="head">
			请选择提现方式
		</view>
		<view class="bot" @click="clickType(1)">
			<image src="@/static/distribution/one/1.png" mode=""></image>
			<view class="">
				支付宝
			</view>
			<view class="at" v-show="type==1?true:''"  >
				<image src="@/static/distribution/one/10.png" mode=""></image>
			</view>
		</view>
		<view class="bot"  @click="clickType(2)">
			<image src="@/static/distribution/one/2.png" mode=""></image>
			<view class="">
				微信
			</view>
			<view class="at" v-show="type==2?true:''">
				<image src="@/static/distribution/one/10.png" mode=""></image>
			</view>
		</view>
		<view class="bot"  @click="clickType(3)">
			<image src="@/static/distribution/one/11.png" mode=""></image>
			<view class="">
				银行卡
			</view>
			<view class="at" v-show="type==3?true:''">
				<image src="@/static/distribution/one/10.png" mode=""></image>
			</view>
		</view>
		<view class="foot" @click="goPay">
			确定
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type:1,
			};
		},
		methods:{
			clickType(e){
				this.type=e
			},
			goPay(e){
				uni.navigateTo({
					url:'../pay/pay?type='+this.type
				})
			}
		}
	}
</script>

<style lang="scss">
page{
	background-color: #F7F4F8;
}
.head{
	height: 88rpx;
	width: 100%;
	background-color: #FFFFFF;
    line-height: 88rpx;
	padding-left: 30rpx;
	height:45px;
	font-size:32rpx;
	font-family:PingFang SC;
	font-weight:400;
	color:rgba(97,97,97,1);
	margin-bottom: 20rpx;
}
.bot{
	margin-bottom:20rpx;
	height: 88rpx;
	width: 100%;
	background-color: #FFFFFF;
	line-height: 88rpx;
	padding-left: 30rpx;
	height:45px;
	position: relative;
	font-size:32rpx;
	display: flex;
	align-items: center;
	image{
		margin-right: 16rpx;
		width:48rpx;
		height:48rpx;
	}
	.at{
		width: 88rpx;
		height: 88rpx;
		position: absolute;
		right: 0;
	}
}
.foot{
	width: 100%;
	height: 88prx;
	position: fixed;
	bottom: 0;
	background-color: #2399F6;
	text-align: center;
	line-height: 88rpx;
	color: #FFFFFF;
	}
</style>
